<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>表白</title>
</head>
<body>
<h1>简单的页面</h1>
<p>这是一个简单的页面</p>

</body>
<!--css-->
<style type="text/css">
    body {
        background: #000;
        margin: 0;
        padding: 0;
    }
    .heart {
        width: 32px;
        height: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -16px;
        margin-top: -16px;
        background: #f00;
        border-radius: 50%;
        transform: rotate(45deg);
        animation: beat 1s infinite;
    }
    .heart:after, .heart:before {
        content: '';
        width: 32px;
        height: 32px;
        position: absolute;
        left: 0;
        top: 0;
        background: #f00;
        border-radius: 50%;
    }
    .heart:after {
        transform: rotate(60deg);
    }
    .heart:before {
        transform: rotate(120deg);
    }
    @keyframes beat {
        0% {
            transform: rotate(45deg) scale(1);
        }
        50% {
            transform: rotate(45deg) scale(1.3);
        }
        100% {
            transform: rotate(45deg) scale(1);
        }
    }
</style>

</html>